<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Learning Rate</title>

        <style>
            #statistics1 {
                //border: 2px solid blue;
                width: 270px;
                height: 35px;
                margin: 0px auto;
                
                font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
                font-size: 12px;
                line-height: normal;
                color: #3E576F;
                border-radius: 10px
            }
            
            #statistics2 {
                margin: 5px auto;
            }
            
            .left{
                text-align:  left;
            }
            
            .right{
                text-align:  right;
            }

        </style>
        
        <script type="text/javascript" src="chart/data.js"></script>
		<script type="text/javascript" src="chart/jquery.js"></script>
        <script type="text/javascript" src="chart/chart.js"></script>
		<script type="text/javascript" src="chart/highcharts.js"></script>
	</head>
	<body>
        <div id="container" style="min-width: 400px; height: 800px; margin: 0 auto"></div>
        <div id="statistics1">
            <table id="statistics2">
				<tr><td>No data available</td></tr>
				<tr><td>Please run the test first</td></tr>
            </table>
        </div>
	</body>
</html>